<template>
      <text><br>{{ formItem.t_name }}</text>
	  <slider @change="sliderChange" :value="sliderValue"></slider>
</template>
<script lang="ts" setup>
import { ref, watch ,defineProps, defineEmits} from 'vue'
// import { useWebSocket } from "../hook/index";

const props = defineProps({
  formItem: {
    type: Object,
    required: true,
  },
  ws:
  {
  	type:WebSocket,
  	required:true
  }
})
// const ws = useWebSocket()

// 监听 props 的变化，以确保 sliderValue 在 props 变化时更新
// watch(() => props.form1.set_value[props.index], (newValue) => {
  //     sliderValue.value = parseInt(newValue)
  //     console.log(newValue)
  // })
let sliderValue = ref(props.formItem.set_value || '')

const sliderChange=(e)=>
{
	sliderValue.value=e.detail.value;
	  props.ws.send({data:
	  JSON.stringify({
	    page: 5,
	    type: -1,
	    value: sliderValue.value,
	    config_id: props.formItem.id,
	    d_no: 1
	  })}
	);
}

// const handleSliderChange = (value: number) => {
//   sliderValue.value=value;
//   // props.formItem.set_value = value;
//   //   ws.send(
//   //   JSON.stringify({
//   //     page: 5,
//   //     type: -1,
//   //     value: sliderValue.value,
//   //     config_id: props.formItem.id,
//   //     d_no: 1
//   //   })
//   // );
// }
</script>